<template>
	<view>
		<scroll-view scroll-y class="scroll-height">
			<!-- 产品列表 -->
			<view class="mx-3 pb-3 ">
				<tui-waterfall :listData="personageProArr" :type="2" :pageSize="10">
					<template slot-scope="{ entity, index }" slot="left">
						<ShopBox :entity="entity" class="mr-1" direction="left"></ShopBox>
					</template>
					<template slot-scope="{ entity, index }" slot="right">
						<ShopBox :entity="entity" direction="right"></ShopBox>
					</template>
				</tui-waterfall>
			</view>
			<view class="height-180"></view>
		</scroll-view>
	</view>
</template>

<script>
import tuiWaterfall from '@/components/tuiCom/tui-waterfall/tui-waterfall';
import ShopBox from '@/components/btcCom/shopBox';
export default {
	props: {
		personageProArr: {
			type: Array,
			default: function() {
				return [];
			}
		}
	},
	data() {
		return {};
	},
	onReady: function() {},
	onLoad: function() {
		// 根据用户等级  去请求统计接口
		this.statisticalData();
		console.log('userInfo', this.userInfo);
	},
	methods: {},

	components: {
		tuiWaterfall,
		ShopBox
	}
};
</script>

<style lang="scss" scoped>


.scroll-height {
	height: calc(100vh - 110px);
}


</style>
